<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品列表</title>
    <link rel="stylesheet" href="__STATIC__/index/css/global/header.css">
    <link rel="stylesheet" href="__STATIC__/index/css/global/footer.css">
  <!-- 设备大于1200时 -->
   <link rel="stylesheet" type="text/css" media="screen and (min-width: 1200px)" href="__STATIC__/index/css/list/list1200.css">
  <!-- 设备960-1199时 -->
     <link rel="stylesheet" type="text/css" media="screen  and (min-width: 1080px) and (max-width: 1199px) " href="__STATIC__/index/css/list/list1080.css" />
  <!-- 设备960-1199时 -->
     <link rel="stylesheet" type="text/css" media="screen  and (min-width: 960px) and (max-width: 1079px) " href="__STATIC__/index/css/list/list960.css" />
</head>


<style>
.pages a,.pages span {
  display:inline-block;
  padding:4px 7px;
  margin:0 2px;
  border:1px solid #D5D4D4;
  -webkit-border-radius:1px;
  -moz-border-radius:1px;
  border-radius:1px;
}
.pages a,.pages li {
  display:inline-block;
  list-style: none;
  text-decoration:none; color:#077ee3;
}
.pages a:hover{
  border-color:#077ee3;
}
.pages span.current{
  background:#077ee3;
  color:#FFF;
  font-weight:700;
  border-color:#077ee3;
}
.long-tr th{
  text-align: center
}
.long-td td{
  text-align: center
}
</style>


<body>
    <div class="header">
        <div>
            <div class="logo">
                <a href="{:url('Index/index')}">
                    <img src="__STATIC__/index/img/logo.png" alt="">
                </a>
            </div>
            <div class="address">
              <img src="__STATIC__/index/img/xia.png" alt=""> <a href="{:url('Changestore/index')}">{if condition="empty($cur_city)"}城市{else /}{$cur_city}{/if}</a>
            </div>
        </div>
        <div>
            {foreach name="category" item="v"}
            <div class="beijing {if condition='$cate_id eq $v.id'} huang {/if}">
                <div class="biaoti">
                    <div>
                        <a href="{:url('GoodsList/goods_list')}?cate_id={$v.id}">
                            <img src="{$v.logo}" alt="">
                        </a>
                    </div>
                    <div>
                        <a href="{:url('GoodsList/goods_list')}?cate_id={$v.id}">{$v.title}</a>
                    </div>
                </div>
            </div>
            {/foreach}

            <!-- 登录注册 -->
            <div class="DengLu">
                <div>
                    <img src="__STATIC__/index/img/gourmet.png" alt="">
                </div>
                <div>
                    {if condition="empty($realname)"}
                    <a href="{:url('Login/loginin')}?url={$url}">登录</a>
                    {else /}
                    <a href="{:url('User/index')}">{$realname}</a>
                    {/if}
                    /
                    <a href="{:url('Login/register')}">注册</a>
                </div>
            </div>
            <div class="caidan">
                <img src="./img/caidan.png" alt="">
            </div>
        </div>
    </div>
    <div class="fenlei">
    <div class="fenlei-bottom">
    <div class="fenlei-bottom-left">
    <ul style="margin-top:35px;">
    <span>分类&nbsp;&nbsp;&nbsp;&nbsp;：</span>
    {foreach name="category" item="v"}
    <li>
    <a href="{:url('GoodsList/goods_list')}?cate_id={$v.id}" {if condition="$cate_id eq $v.id"} class="Zi-Huang" {/if}>{$v.title}</a>
    </li>
    {/foreach}
    <li>
    <a href="{:url('GoodsList/get_cash_coupon_list')}" {if condition="$cash_coupon eq 1"} class="Zi-Huang" {/if}>代金券</a>
    </li>
    </ul>
    <ul>
    <span>口味&nbsp;&nbsp;&nbsp;&nbsp;：</span>
    <li>
    <a href="{:url('GoodsList/goods_list')}?cate_id={$cate_id}" {if condition="$exp_cate eq ''"} class="Zi-ZiSe" {/if}>全部</a>
    </li>
    {foreach name="exp_category" item="v"}
    <li>
    <a href="{:url('GoodsList/goods_list')}?cate_id={$cate_id}&exp_cate={$v.id}" {if condition="$exp_cate eq $v.id"} class="Zi-ZiSe" {/if}>{$v.title}</a>
    </li>
    {/foreach}
    </ul>
    </div>
    <div class="fenlei-bottom-right">
    <input type="text" placeholder="点击搜索艺术美食 ">

    </div>
    </div>
    </div>
    <div class="neirong">
        <div class="for">
            <!--<div class="border">-->
            <!--<div class="neirong-top">-->
            <!--<a href="./goods.html">-->
            <!--<img src="./img/mangguoimg.png" alt="">-->
            <!--</a>-->
            <!--</div>-->
            <!--<div class="neirong-bottom">-->
            <!--<p>-->
            <!--<a href="">林间密语</a>-->
            <!--</p>-->
            <!--<p>-->
            <!--<a href="">￥298/6磅</a>-->
            <!--</p>-->
            <!--</div>-->
            <!--</div>-->
            {foreach name="goods" item="v"}
                <div>
                    <div class="neirong-top">
                        <a href="{:url('GoodsList/goods_detail')}?id={$v.id}">
                            <img src="{$v.logo}" alt="">
                        </a>
                    </div>
                    <div class="neirong-bottom">
                        <p>
                            <a href="">{$v.name}</a>
                        </p>
                        <p>
                            {if condition="$v.member_level_id gt 1"}
                                <span style="color:{$v.css_color}">{$v.title} - {$v.member_price}</span>
                            {/if}
                        </p>
                        <p>
                            <a href="">￥{$v.price}/{$v.unit}</a>
                        </p>
                    </div>
                </div>
            {/foreach}
        </div>
      <!-- 翻页 -->
        <div class="Flip">
            <!--<div>1</div>-->
            <!--<div>2</div>-->
            <!--<div class="current">3</div>-->
            <!--<div>4</div>-->
            <!--<span>. . .</span>-->
            <!--<div>5</div>-->

        </div>
        <div class="pages" style=" text-align: center;">
            {$page}
        </div>
    </div>

    <div class="footer">
        <div class="footer-content">
            <div class="footer-left">
                <div>
                    <img src="__STATIC__/index/img/foot-logo.png" alt="">
                </div>
                <p>A GENTLE DELICACY</p>
                <p>THAT CONVEYS</p>
                <p>LOVE AND AFFECTION</p>
            </div>
            <div class="footer-right">
                <div>
                    <div>
                        <img src="__STATIC__/index/img/weibo.png" alt="">
                    </div>
                    <div>新浪微博</div>
                    <div>
                        <img src="__STATIC__/index/img/weixin.png" alt="">
                    </div>
                    <div>公众平台</div>
                </div>
                <p>
                    <img src="__STATIC__/index/img/dianhua.png" alt="">
                    <span>{:sysconf('site_phone')}</span>
                    <span>（服务时间8：00-22：00）</span>
                </p>
                <div>
                    <div><a href="{:url('Article/index')}?cate_id=1">联系我们</a></div>
                    <div></div>
                    <div><a href="{:url('Article/index')}?cate_id=2">招兵买马</a></div>
                    <div></div>
                    <div><a href="{:url('Article/index')}?cate_id=3">企业合作</a></div>
                    <div></div>
                    <div><a href="{:url('Article/index')}?cate_id=4">产品导航</a></div>
                    <div></div>
                    <div><a href="{:url('Article/index')}?cate_id=5">企业文化</a></div>
                </div>
                <p>官网商城 2007-2017，版权所有 京ICP备888888888号-1</p>
            </div>
        </div>
    </div>


</body>

</html>